<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>租房详情页</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/rentalDetails.css">
</head>
<body>
<header class="header-box">
    <div class="header-l">
        <a href="index.html"><img src="img/logo2.png" class="logo2"></a>
        <span>北京</span>
    </div>
    <div class="header-r">
        <img src="img/my.jpg">
        <img src="img/xiazai.jpg">
    </div>
</header>
<article>
    <div class="position">
        <div>首页</div><div>北京租房</div><div>房源信息</div>
    </div>
    <!--图片-->
    <div class="home-img">
        <img src="img/rent-banner.png" alt="">
        <div class="share">分享</div>
    </div>
    <div class="home-intro-box">
        <div class="home-intro-box-l">天鹅湾西北3.8米高厅两居，业主换房急售</div>
        <div class="home-intro-box-r">
            <div class="home-intro-box-r-cont">
                <div class="def-xin"></div>
                <p>关 注</p>
            </div>
        </div>
    </div>
    <!--租金,房型,面积-->
    <ul class="home-price">
        <li>
            <span>租金</span>
            <p><label>2300</label>元/月</p>
        </li>
        <li>
            <span>房型</span>
            <p><label>2</label>室<label>1</label>厅</p>
        </li>
        <li>
            <span>面积</span>
            <p><label>204</label>平米</p>
        </li>
    </ul>
    <!--楼层,朝向...-->
    <ul class="detail">
        <li>
            <div><span>楼层：</span>高楼层/17层</div>
            <div><span>朝向：</span>南北</div>
        </li>
        <li>
            <div><span>装修：</span>精装</div>
            <div><span>供暖：</span>集体供暖</div>
        </li>
        <li>
            <div><span>年代：</span>2007年</div>
            <div><span>楼型：</span>板楼</div>
        </li>
    </ul>
    <!--经纪人房评-->
    <div class="evaluate-box">
        <div class="evaluate-cont">
            <div class="evaluate-title">经纪人房评<img src="img/right.png"></div>
            <div class="evaluate-font">地理位置：晶都国际处于酒仙桥中心地带，毗邻 北京三大商圈，紧邻丽都商圈，隔四环与望京商 圈相望，西南紧挨燕莎商圈，地理位置优越。周边配套：颐堤港商业中心，兆维大厦...</div>
        </div>
    </div>
    <!--客户看房记录-->
    <div class="record-box">
        <div class="record-cont">
            <div class="record-title">客户看房记录<img src="img/right.png"></div>
            <div class="record-font">近一个月新增 <label>0</label> 位看房客户，共 <label>50</label> 位</div>
        </div>
    </div>
    <!--位置及周边-->
    <div class="address-box">
        <div class="address-cont">
            <div class="address-title">位置及周边<img src="img/right.png"></div>
            <div class="address-font">
                <div class="map-box">
                    <div class="map-title">地址:  [黄村]时代龙和</div>
                    <img src="img/rent-map.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--成交历史-->
    <div class="cj-history-box">
        <div class="cj-history-cont">
            <div class="cj-history-title">小区成交历史（24）<img src="img/right.png"></div>
            <div class="cj-history-font">
                <p class="first-p"><label>3</label> 室 <label>2</label> 厅，<label>146</label> 平米，<span class="price"><label>5000</label> 元</span></p>
                <p>签约日期：<label>2015-02-26</label></p>
            </div>
        </div>
    </div>
    <!--联系人-->
    <div class="contact-box">
        <div class="contact">
        <img src="img/man.png" class="man-img">
        <div class="contact-mid">
            <span>张　三</span>
            <p>4001581855转0008</p>
        </div>
        <div class="contact-r">
            <div class="icon1-div">
                <img src="img/icon1.png" alt="">
                <p>致电</p>
            </div>
            <div class="icon2-div">
                <img src="img/icon2.png" alt="">
                <p>短信</p>
            </div>
        </div>
    </div>
    </div>
</article>
<footer class="footer-box">
    <div class="footer-position">
        <span>北京找房无忧网</span><img src="img/footer-img1.png"><span>首页</span>
    </div>
    <div class="footer-btm">
        <div class="client-side">
            <div class="client-side-l">
                <img src="img/apple.png" alt="">
                <div class="font">
                    <div>iphone</div>
                    <div>客户端</div>
                </div>
            </div>
            <div class="client-side-r">
                <img src="img/android-logo.png" alt="">
                <div class="font">
                    <div>Android</div>
                    <div>客户端</div>
                </div>
            </div>
        </div>
        <p>北京找房无忧房地产经纪有限公司</p>
        <p>网络经营许可证 京ICP备20160812号-12</p>
    </div>
</footer>
<script src="js/resize.js"></script>
<script src="js/zepto.js"></script>
<script src="js/touch.js"></script>
<script>
    $(function () {
        $(".def-xin").tap(function () {
            $(this).toggleClass("check-xin")
        })
    })
</script>
</body>
</html>